const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    // 自动打开浏览器
    open:true,
    // 配置主机地址
    host:"127.0.0.1",
    // 配置端口号
    port:8080,
    // 配置是否开启服务器压缩
    compress:true,
    proxy:{
      //我们可能配置多个代理，每一个代理都起一个名字作为配置对象的key，未来通过把这个名字作为请求前缀来区分使用哪一个代理
      "/dev-api1":{
        //目标服务器
        target:"http://gmall-h5-api.atguigu.cn/",
        //是否开启WebSocket协议
        ws:true,
        //是否在跨域的时候，把请求的源改为目标地址（一般写为true），这样目标地址就会放行
        changOrigin:true,
        //如果需要请求代理，则把请求地址的前缀替换（前缀的作用就是为了找到对应代理）
        pathRewrite:{
          "^/dev-api1":"",
        }
      }
    }
  },
 
})
